<!DOCTYPE html>
<svg width="300" height="300">
    <rect x="0" y="0" width="250" height="250" fill="red" />
    <rect width="150" height="100" fill="green" />
</svg>
<svg width="300" height="300">
    <rect x="0" y="0" width="250" height="250" fill="red" />
    <rect width="150" height="100" fill="green" />
</svg>
<svg width="300" height="300">
    <rect x="0" y="0" width="250" height="250" fill="red" />
</svg>
<svg width="300" height="300">
    <rect x="0" y="0" width="250" height="250" fill="red" />
</svg>
<svg width="300" height="300">
    <rect x="0" y="0" width="250" height="250" fill="red" />
    <rect width="150" height="100" fill="green" />
</svg>
<svg width="300" height="300">
    <rect x="0" y="0" width="250" height="250" fill="red" />
    <rect width="150" height="100" fill="green" />
</svg>
<svg width="300" height="300">
    <rect x="0" y="0" width="250" height="250" fill="red" />
    <rect width="250" height="166" fill="green" />
</svg>
<svg width="300" height="300">
    <rect x="0" y="0" width="250" height="250" fill="red" />
    <rect width="300" height="250" fill="green" />
</svg>
<svg width="300" height="300">
    <rect x="0" y="0" width="250" height="250" fill="red" />
    <rect x="50" width="150" height="100" fill="green" />
</svg>
<svg width="300" height="300">
    <rect x="0" y="0" width="250" height="250" fill="red" />
    <rect y="50" width="150" height="100" fill="green" />
</svg>
<svg width="300" height="300">
    <rect x="0" y="0" width="250" height="250" fill="red" />
    <rect x="50" y="50" width="150" height="100" fill="green" />
</svg>
<svg width="300" height="300">
    <rect x="0" y="0" width="250" height="250" fill="red" />
    <rect x="-50" y="-50" width="150" height="100" fill="green" />
</svg>
